<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/10/6
  Time: 16:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品信息修改</title>
    <style rel="stylesheet">
        #maindiv {
            margin-top: 10px;
            width: 90%;
        }
    </style>
    <!--引入bootstrap的css文件-->
    <!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">-->
    <link href="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <!--引入jquery，注意：jquery要在js文件之前引入，因为bootstrap使用了jquery框架-->
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/jQuery-1.12.4/jquery-1.12.4.js"></script>
    <!--引入bootstrap的js文件-->
    <!--<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>-->
    <script src="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!--使用ajax将修改的数据进行显示-->
    <script type="text/javascript">
        // 使用ajax查询需要修改数据的信息
        // 使用jquery的dom ready事件，在页面加载完成之后就将数据进行查询
        $(function () {
            // 从浏览器缓存中将修改的数据取出
            var eachRow = sessionStorage.getItem("eachRow") || null;  // || null 相当于设置默认值为null
            // sessionStorage中缓存的是一个json的字符串形式，需要将字符串形式转换为json对象形式
            var eachBean = JSON.parse(eachRow);

            // 进行dom操作将需要修改的数据显示在修改页面的form表单中
            $("#prId").val(eachBean.prId); // 用于标识是新增还是修改
            $("#prName").val(eachBean.prName);
            $("#prNumber").val(eachBean.prNumber);
            $("#prPrice").val(eachBean.prPrice);
            $("#prSupplier").val(eachBean.prSupplier);
            //$("#userimg").val(eachBean.userimg); // 因为图片不能修改，因为没有上传的源文件；
            // 图片处理原则： 如果重新选择图片则覆盖之前的图片，如果不选择图片，则保留之前的图片

            // 修改数据显示完成之后，将sessionStorage中的缓存数据清除
            sessionStorage.removeItem("eachRow");

        });

    </script>
</head>
<body>
<div id="maindiv">
    <form id="modifyform" class="form-horizontal" action="${pageContext.request.contextPath}/saveOrUpdateProduct" method="post"
          enctype="multipart/form-data">
        <!--使用隐藏表单，保存主键字段；用于区分是新增还是修改-->
        <input type="hidden" class="form-control" id="prId" name="prId">

        <div class="form-group">
            <label class="col-sm-2 control-label">名称</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" id="prName" name="prName" placeholder="请输入名称">
            </div>

            <label class="col-sm-2 control-label">数量</label>
            <div class="col-sm-4">
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="prNumber" name="prNumber" placeholder="请输入数量">
                </div>


            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">价格</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" id="prPrice" name="prPrice" placeholder="请输入价格">
            </div>

            <div class="form-group">
                <label class="col-sm-2 control-label">供货商</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" id="prSupplier" name="prSupplier" placeholder="请输入供货商">
                </div>


            </div>
            0
            <%--<div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-default">保存</button>
                </div>
            </div>--%>
    </form>
</div>
</body>
</html>
